import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
    paddingTop: Metrics.baseMargin,
  },
  money: {
    fontSize: 32,
    color: Colors.warning,
    textAlign: 'center',
  },
  section: {
    backgroundColor: Colors.snow,
    padding: Metrics.doubleBaseMargin,
    marginBottom: Metrics.doubleBaseMargin,
  },
  list: {
  },
  listItem: {
    flex: 1,
    marginBottom: 2,
    backgroundColor: Colors.snow,
    padding: Metrics.baseMargin,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  listItemImage: {
    width: 40,
    height: 40,
    marginRight: Metrics.baseMargin,
  },
  listItemLeft: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  listItemTitle: {
    fontSize: 16,
    color: 'black',
    //marginBottom: Metrics.smallMargin,
  },
  listItemDesc: {
    fontSize: 12,
    color: '#a0a0a5',
  },
  listItemRightIcon: {
    fontSize: 28,
    color: Colors.warning,
  },
  footer: {
    height: 48,
    backgroundColor: Colors.primary,
    alignItems: 'center',
    justifyContent: 'center',
  },
  footerText: {
    fontSize: 18,
    color: Colors.snow,
  }
})
